<div class="card xgx-card" data-bind="css:css,style:{'min-height':height}">
    <!-- ko if:title().length | titleButtons.length -->
    <div class="card-header">
        <!-- ko if:title -->
        <span class="font-weight-bold" data-bind="text:title"></span>
        <!-- /ko -->
        <div class="float-right xgx-card-header-right">
            <!-- ko foreach:titleButtons -->
            <span data-bind="css:css,click:$parent._onOperation,attr:{title:title}"></span>
            <!-- /ko -->
            <!-- ko if:collapseAble -->
            <span class="zi zi_menu d-md-none ml-2" data-toggle="collapse" data-bind="attr:{'data-target':'#'+cardBodyId}"></span>
            <!-- /ko -->
            <!-- ko if:backAble -->
            <span class="zi zi_doubleLeft ml-2" title="返回" data-bind="click:_onBack"></span>
            <!-- /ko -->
        </div>
    </div>
    <!-- /ko -->
    <!-- ko if:_cardBodyTop -->
        <!-- ko component:{name:_cardBodyTop().name,params:_cardBodyTop().params} --><!-- /ko -->
    <!-- /ko -->
    <div class="xgx-card-body card-body d-md-block"  data-bind="attr:{id:cardBodyId},css:{collapse:collapseAble}">
        <!-- ko component:{name:_cardBody().name,params:_cardBody().params} --><!-- /ko -->
    </div>
</div>
